<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta charset="utf-8">
	<title>教师端管理后台</title>
	<style type="text/css">
		html{
			width:100%;
			height:98%;
		}
		body{
			width:99%;
			height:90%;
			background-image: url("img/qq.jpg");
		}
		label{
			color: #cc3399;
		}
		#tile{
			margin: 0 auto;
			width: 100%;
			margin-top: 5%;
			font-size: 50px;
			color: #cc3399;
		}
		#d{
			margin: 0 auto;
			width: 30%;
			margin-top: 6%;
		}
		.btn{
			width: 40%;
			height: 100px;
			background:#1b85fd;
			color:BLACK;
			font-size: 100%;
		}
		#btn1{
			margin-right: 18%;
			float:left;
			background:#ccff99;
		}
		#btn2{
			background:#ffff66;
		}
		#btn3{
			margin-right: 18%;
			float:left;
			background:#ff6600;
		}
		#btn4{
			background:#ccff99;
		}
		.btn:hover{
			background:#1263be;
		}
	</style>
</head>
<body>
	<div id="tile">
		<center><label>在线SQL学习工具教师端</label></center>
	</div>

	<div id="d">
		<form action="makeTest.jsp"><input id="btn1" class="btn" type="submit" name="p1" value="发起一场考试" > </form> 
		<form action="showExamList.view"><input id="btn2" class="btn" type="submit" name="p2" value="已完成的考试" ></form> 
		<form action="makePartPractise.jsp"> <input id="btn3" class="btn" type="submit" name="p3" value="布置课后作业" > </form>
		<form action="showPractiseList.view"> <input id="btn4" class="btn" type="submit" name="p3" value="查看作业情况" > </form> 
	</div>
	

</body>
</html>